*{margin:0;padding:0}





/* Generic Utility */

.hide1{top:-9999px;left:-9999px}



/* Specific to example one */

#page-wrap{height: 520px;}

.example-one{margin-top: 24px;height: 520px;}



.nav1{display: flex;align-items: center;justify-content: center;}

.nav1 li{margin-left: 20px;}

.nav1 li:nth-child(1){margin-left: 0px;}

.nav1-one a{font-size: 18px;color: #333;padding-right: 10px;margin-left: 30px;padding: 4px 15px;}

.nav1-two a{font-size: 18px;color: #333;padding-left: 10px;padding: 4px 15px;}

.nav1-one a:hover{color:#fff;border-radius: 15px;background-color: #21b9b8;}

.nav1-two a:hover{color:#fff;border-radius: 15px;background-color: #21b9b8;}

/* #example-one ul li a:hover{background:#fe4902;color:white} */

#example-one ul li:last-child a{border:none}



.nav1-one a.current, #example-one ul#featured li a:hover{color:#fff;border-radius: 15px;background-color: #21b9b8;}

.nav1-two a.current, #example-one ul#core li a:hover{color:#fff;border-radius: 15px;background-color: #21b9b8;}

#featured {display: flex;align-items: center;flex-wrap: wrap;margin-top: 35px;}

#featured li a{display: flex;align-items: center;width: 560px;background-color: #f5f5f5;border-radius: 3px;padding-top: 15px;padding-bottom: 15px;}

#featured li:nth-child(even){margin-left: auto;}

#featured li:nth-child(3) a{background-color: #fff;}

#featured li:nth-child(4) a{background-color: #fff;}

.c02{width: 100px;}

.c02 h5{font-size: 36px;font-weight: bold;color: #666;border-bottom: 1px solid #ccc;display: table;margin: 0 auto;}

.c02 span{font-size: 16px;color: #999;display: block;text-align: center;}

.c03{width: 460px;}

.c03 h5{font-size: 16px;color: #666;font-weight: bolder;overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:1;}

.c03 p{font-size: 14px;color: #999;overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;}

#core {display: flex;align-items: center;flex-wrap: wrap;margin-top: 35px;}

#core li a{display: flex;align-items: center;width: 560px;background-color: #f5f5f5;border-radius: 3px;padding-top: 15px;padding-bottom: 15px;}

#core li:nth-child(even){margin-left: auto;}

#core li:nth-child(3) a{background-color: #fff;}

#core li:nth-child(4) a{background-color: #fff;}

#core2 {display: flex;align-items: center;flex-wrap: wrap;margin-top: 35px;}

#core2 li a{display: flex;align-items: center;width: 560px;background-color: #f5f5f5;border-radius: 3px;padding-top: 15px;padding-bottom: 15px;}

#core2 li:nth-child(even){margin-left: auto;}

#core2 li:nth-child(3) a{background-color: #fff;}

#core2 li:nth-child(4) a{background-color: #fff;}



@media (max-width: 1259px) and (min-width: 991px){

    #featured li a{display: flex;align-items: center;width: 470px;background-color: #f5f5f5;border-radius: 3px;padding-top: 15px;padding-bottom: 15px;}

    #core li a{display: flex;align-items: center;width: 470px;background-color: #f5f5f5;border-radius: 3px;padding-top: 15px;padding-bottom: 15px;}

    #core2 li a{display: flex;align-items: center;width: 470px;background-color: #f5f5f5;border-radius: 3px;padding-top: 15px;padding-bottom: 15px;}

    .c03{width: 360px;}

}

@media only screen and (max-width: 768px){

    #featured li a{display: flex;width: 100%;background-color: #f5f5f5;border-radius: 3px;padding-top: 5px;padding-bottom: 5px;}

    #core li a{display: flex;width: 100%;background-color: #f5f5f5;border-radius: 3px;padding-top: 5px;padding-bottom: 5px;}

    #core2 li a{display: flex;width: 100%;background-color: #f5f5f5;border-radius: 3px;padding-top: 5px;padding-bottom: 5px;}

    .c02{width: 22%;padding: 10px;}

    .c02 h5{font-size: 18px;font-weight: bold;color: #666;display: table;margin: 0 auto;border-bottom: 0px;}

    .c02 span{font-size: 14px;color: #999;display: block;text-align: center;border-top: 1px solid #ccc;}

    .c03{width: 75%;}

    .c03 h5{font-size: 14px;color: #666;font-weight: bolder;overflow:hidden;margin-bottom: 0px;line-height: 28px;

        text-overflow:ellipsis;

        display:-webkit-box;

        -webkit-box-orient:vertical;

        -webkit-line-clamp:1;}

    .c03 p{font-size: 12px;color: #999;overflow:hidden;

        text-overflow:ellipsis;

        display:-webkit-box;

        -webkit-box-orient:vertical;

        -webkit-line-clamp:2;}
        .list-wrap{height: auto !important;}

        #page-wrap {height: auto;}

        .example-one{height: auto;margin-top: 4%;}

        #featured{margin-top: 4%;height: auto !important;}

        #featured li:nth-child(odd) a{background-color: #f5f5f5;}

        #featured li:nth-child(even) a{background-color: #fff}

        #core{margin-top: 4%;height: auto !important;}

        #core li:nth-child(odd) a{background-color: #f5f5f5;}

        #core li:nth-child(even) a{background-color: #fff}

        #core2{margin-top: 4%;height: auto !important;}

        #core2 li:nth-child(odd) a{background-color: #f5f5f5;}

        #core2 li:nth-child(even) a{background-color: #fff}

}